<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    <title>精研 3.0 - FooTable</title>

    <link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="/css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">

    <!-- 弹窗-->
    <script src="../../tanchuan/js/jquery-2.0.0.min.js"></script>
    <link href="../../tanchuan/css/displaystyle.css" rel="stylesheet" />
    <script src="../../tanchuan/js/syntaxhighlighter_3.0.83/shCore.js"></script>
    <script src="../../tanchuan/js/syntaxhighlighter_3.0.83/shBrushJScript.js"></script>
    <link href="../../tanchuan/js/syntaxhighlighter_3.0.83/styles/shCoreRDark.css" rel="stylesheet" />
    <script src="../../tanchuan/js/NZ-Plugin/Js/NZ-Window.min.js"></script>
    <link href="../../tanchuan/js/NZ-Plugin/Css/NZ-Window.min.css" rel="stylesheet" />
    <script src="../../tanchuan/js/NZ-Plugin/Js/NZ-Drag.min.js"></script>

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">

            <div class="row">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <a class="btn btn-danger btn-rounded"  style="font-size:20px;">龙虎榜</a>

                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-user">
                                    <li><a href="#">选项 01</a>
                                    </li>
                                    <li><a href="#">选项 02</a>
                                    </li>
                                </ul>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <input type="text" class="form-control input-sm m-b-xs" id="filter"
                                   placeholder="搜索表格...">

                            <table class="footable table table-stripped toggle-arrow-tiny " data-page-size="100"    data-filter=#filter>
                                <thead>
                                <tr >
                                    <th data-toggle="true" style="font-size:15px;font-weight:normal;" >公司简称</th>
                                    <th  style="font-size:15px;font-weight:normal;" >公司代码</th>
                                    <th  style="font-size:15px;font-weight:normal;" >涨跌幅</th>
                                    <th  style="font-size:15px;font-weight:normal;" >成交金额</th>
                                    <th  style="font-size:15px;font-weight:normal;" >净买入额</th>
                                    <th  style="font-size:15px;font-weight:normal;" >游资标签</th>
                                    <th data-hide="all"  >买入金额最大的前5名营业部</th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all" width="50" ></th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all"  >卖出金额最大的前5名营业部</th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all" width="50" ></th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all"  ></th>
                                    <th data-hide="all"  ></th>
                                    <th  style="font-size:20px;font-weight:normal;" >上榜类型</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="gradeX " th:each="result,resultStat:${list}"  style="font-size:20px;">
                                    <td th:text="${result.stockName}"  style="font-size:15px;"></td>
                                    <td style="font-size:15px;" th:id="${result.stockCode}"  onclick="detailInfo(this)" ><a th:text="${result.stockCode}" /></td>
                                    <td th:text="${result.zdf + '%'}"  th:style="${result.zdf > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:20px;'}" ></td>
                                    <td th:text="${result.zcjje+'亿'}"  th:style="${result.zcjje > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:20px;'}"></td>
                                    <td th:text="${result.jmre/10000 +'亿'}"   th:style="${result.jmre > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:20px;'}" ></td>
                                    <td>
                                        <a  th:each="buyTag, userStat:${result.buyTag}" >
                                            <i class="badge badge-danger"  th:text="${buyTag}" style="font-size:15px;font-weight:normal;"></i>
                                        </a>
                                        <a href="#" th:each="saleTag, userStat:${result.saleTag}" >
                                            <i class="badge badge-primary"  th:text="${saleTag}" style="font-size:15px;font-weight:normal;"></i>
                                        </a>
                                    </td>
                                    <td ><i class="btn btn-w-m btn-warning" th:text="${result.lhbMrDesc}" ></i> </td>
                                    <td>营业部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                          买入金额（万元）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                          净额（万元）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        买入占比（万元）</td>
                                    <td><i class="btn btn-outline btn-danger"  th:text="${result.mrOne.yyb}" style="font-weight:blod;font-size:15px;"></i> </td>
                                    <td><i class="btn btn-outline btn-danger"  th:text="${result.mrSecond.yyb}"  style="font-weight:blod;font-size:15px;"></i> </td>
                                    <td><i class="btn btn-outline btn-danger"  th:text="${result.mrThree.yyb}"  style="font-weight:blod;font-size:15px;"></i>  </td>
                                    <td><i class="btn btn-outline btn-danger"  th:text="${result.mrFour.yyb}"  style="font-weight:blod;font-size:15px;"></i>  </td>
                                    <td><i class="btn btn-outline btn-danger"  th:text="${result.mrFive.yyb}"  style="font-weight:blod;font-size:15px;"></i></td>
                                    <td><i class="btn btn-w-m btn-warning" th:text="${result.lhbMcDesc}" ></i> </td>
                                    <td >营业部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        卖出入金额（万元）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        净额（万元）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        卖出占比（万元）</td>
                                    <td><i class="btn btn-outline btn-primary"  th:text="${result.mcOne.yyb}" style="font-weight:blod;font-size:15px;"></i> </td>
                                    <td><i class="btn btn-outline btn-primary"  th:text="${result.mcSecond.yyb}" style="font-weight:blod;font-size:15px;"></i> </td>
                                    <td><i class="btn btn-outline btn-primary"  th:text="${result.mcThree.yyb}" style="font-weight:blod;font-size:15px;"></i> </td>
                                    <td><i class="btn btn-outline btn-primary"  th:text="${result.mcFour.yyb}" style="font-weight:blod;font-size:15px;"></i> </td>
                                    <td><i class="btn btn-outline btn-primary"  th:text="${result.mcFive.yyb}" style="font-weight:blod;font-size:15px;"></i> </td>
                                    <td th:text="${result.longHuType}" style="font-size:15px;"> </td>
                                </tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="5">
                                        <ul class="pagination pull-right"></ul>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
<!--    <script src="/js/jquery.min.js?v=2.1.4"></script>-->
    <script src="/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="/js/plugins/footable/footable.all.min.js"></script>
    <script src="/js/content.min.js?v=1.0.0"></script>
    <script>
        $(document).ready(function(){$(".footable").footable();$(".footable2").footable()});
    </script>
    <script>
        function detailInfo(object) {
            var code = object.id;
            code = code.replace(/zd_/, "");
            code = code.replace(/sh/, "");
            code = code.replace(/sz/, "");
            var url = 'http://stockpage.10jqka.com.cn/' + code;
            $.NZ_Window.show({
                url: url,
                width: 1100,
                height: 800,
                operate: {
                    btn_Close: true, //关闭按钮
                    btn_Max: true, //最大化按钮
                    btn_Refresh: true, //刷新按钮
                    btn_NewWindow: true, //新窗口按钮
                    resize: true //调整窗口大小按钮
                }
            });
        }
    </script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>

</html>